<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>杜甫《春夜喜雨》</title>
    <style>
        a:link,
        a:visited{
            color:orange;
            text-decoration: none;
        }
        table{
            width: 80%;
            border:1px solid red;
        }
        .td1{
            background: url("img/dufu.jpg") no-repeat left;
            background-size: 40%;
            width: 30%;
            border-top: 1px solid red;
        }
        .td2{
            text-align: center;
        }
        .td3{
            text-align: center;
            width: 33%;
            height: 500px;
            border-top: 1px solid red;
        }
        .td3 p{
            font-size: 25px;
            line-height: 2em;
        }
        .td4{
            text-align: center;
            padding-top: 3%;
        }
        .td4 p{
            font-size: 15px;
            text-indent: 2em;
            text-align: justify;
        }
        .td2 img{
            width: 30%;
        }
        .p1{
            font-size: 30px;
        }
        .tr1{
            border-bottom: 1px solid red;
        }
    </style>
</head>
<body>
<article>
    <aside>
        <table align="center">
            <tr class="tr1">
                <td style="width: 33%">
                    <p><a href="scxs.html">返回</a></p>
                </td>
                <td class="td2" style="width: 33%">
                    <p class="p1">春夜喜雨</p>
                    <p class="p2">唐代：杜甫</p>
                </td>
                <td style="width: 33%">

                </td>
            </tr>
            <tr>
                <td class="td3" colspan="2">
                    <p>
                        好雨知时节，当春乃发生。<br>
                        随风潜入夜，润物细无声。<br>
                        野径云俱黑，江船火独明。<br>
                        晓看红湿处，花重锦官城。<br>
                    </p>
                </td>
                <td class="td1" >

                </td>
            </tr>
            <tr>
                <td class="td4" colspan="3">
                    <p>简介：杜甫（712年－770年），字子美，自号少陵野老，世称“杜工部”“杜少陵”等，
                        汉族，河南府巩县（今河南省巩义市）人，唐代伟大的现实主义诗人，杜甫被世人尊为“诗圣”，
                        其诗被称为“诗史”。杜甫与李白合称“李杜”，为了跟另外两位诗人——李商隐与杜牧，
                        即“小李杜”有所区别，杜甫与李白又合称“大李杜”。
                    </p>
                </td>
            </tr>
        </table>
    </aside>
</article>
</body>
</html>